<!DOCTYPE html>
<html>
    <head>
        <title>利詩時裝</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
             <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
        <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
        <link href="slide/css/swiper.min.css" rel="stylesheet" type="text/css"/>
        <link href="css/lacy.css" rel="stylesheet" type="text/css"/>
        <script src="js/jquery.min.js" type="text/javascript"></script>
        <script src="js/bootstrap.min.js" type="text/javascript"></script>
        <script src="js/lacy.js" type="text/javascript"></script>
    </head>
    <body>
 
        <div class="left">
            <div class="col-md-12 col-xs-12 p-0 c-logo">
                <div class="col-md-12 col-xs-12 p-0"><img src="images/logo.png"></div>
         
            </div>   
            <div class="col-md-12 col-xs-12 p-0 col-nav">
                <ul>
                    <li class="active"><a href="index.html">首頁</a></li>
                    <li><a href="products.html">新品</a></li>
                    <li>
                        <a class="nav-dr">時裝</a>
                        <ul class="nav-clothing">
                            <li><a href="products.html">男裝</a></li>
                            <li><a href="products.html">女裝</a></li>
                            <li><a href="products.html">童裝裝</a></li>
                        </ul>
                    
                    </li>
                    <li><a data-toggle="modal" data-target="#myModalc">高級定制</a></li>
                    <li><a href="latest.html">最新動態</a></li>
                    <li><a href="about.html">關於利詩</a></li>
                </ul>
            </div>
            <!-- JiaThis Button BEGIN -->
                <div class="col-md-12 jiathis_style_32x32">
                  <a class="jiathis_button_fb"><i class="fa fa-facebook e-ico"></i></a>
                  <a class="jiathis_button_weixin"><i class="fa fa-weixin e-ico"></i></a>
                </div>
            <!-- JiaThis Button END -->
       </div>
        <div class="right">
            <div class="top">
                <div class="col-xs-3 p-0 logo"><img src="images/logo.png"></div>
                <div class="col-md-6 col-xs-9 text-left">  
                    <span>
                        <i class="fa fa-phone top-ico"></i>
                        010-2652626
                    </span>
                    <span>
                        <i class="fa fa-envelope top-ico"></i>
                        info@email.com
                    </span>
                </div> 
                 <div class="col-md-6 col-xs-9 text-right">  
                     <span><a class="login member" href="#signin">登錄</a></span>
                    <span><a href="service.html">Services</a></span>
                     <span><a href="support.html">Support</a></span>
                </div> 
                <div class="col-xs-9 text-right nav-btn"><span><i class="fa fa-align-justify nav-ico"></i></span></div>
                
            </div>
            <div class="col-md-8 col-sm-7 col-xs-12">
                <div class="search-li">
<!--                    <div class="dropdown col-dr">
                        <button id="dLabel" class="dr-text" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <span class="dr-name">商品分類</span>
                          <span class="caret"></span>
                        </button>
                         <ul class="dropdown-menu" aria-labelledby="dLabel">
                             <li>商品1</li>
                             <li>商品1</li>
                        </ul>
                     </div>-->
                    <input type="text" class="search-text" placeholder="商品關鍵字...">
                    <a class="search-btn"><i class="fa fa-search search-ico"></i></a>
                </div>
            </div>
            <div class="col-md-4 col-sm-5 col-xs-12">
                 <div class="w-250">
                    <div class="w-80">  
                    <div class="col-md-12">
                        <span class="c-s-t">購物車</span>
                        <span class="c-shop">2</span>
                    </div>
                    <div class="col-md-12 c-s-b">
                        <span>2個訂單</span>
                        <span class="c-p-r">￥1200</span>
                    </div> 
                   </div>
                    <div class="search-btn"><i class="fa fa-shopping-cart"></i></div>
                    <div class="w-300">
                        <div class="shoping-li c-p-li">
                            <div class="col-md-4 col-xs-4 h-80 c-e-i p-0 c-h-i"><img src="images/2.jpg"></div>
                            <div class="col-md-8 p-0">
                                <div class="col-md-10">
                                <h5>商品名稱</h5>
                                <p> <span>價格:￥</span><input class="c-price" value="1" readonly="readonly"></p>
                               </div>
                                  <div class="col-md-2 p-0"><i class="fa fa-trash-o trash-cio"></i></div>
                                 <div class="col-md-12 shop-num">
                                    <P><span>数量:</span>
                                      <a class="c-left"><</a>
                                      <input class="c-num" value="1" readonly="readonly">
                                      <a class="c-right">></a>
                                 </p>
                                  <p class="c-n-p">共计:￥<input class="num-price" readonly="readonly"></p>
                                </div>
                              
                            </div>
                            
                          
                        </div>
                       <div class="shoping-li c-p-li">
                            <div class="col-md-4 col-xs-4 h-80 c-e-i p-0 c-h-i"><img src="images/2.jpg"></div>
                            <div class="col-md-8 p-0">
                                <div class="col-md-10">
                                <h5>商品名稱</h5>
                                <p> <span>價格:￥</span><input class="c-price" value="12" readonly="readonly"></p>
                               </div>
                                  <div class="col-md-2 p-0"><i class="fa fa-trash-o trash-cio"></i></div>
                                 <div class="col-md-12 shop-num">
                                    <P><span>数量:</span>
                                      <a class="c-left"><</a>
                                      <input class="c-num" value="1" readonly="readonly">
                                      <a class="c-right">></a>
                                 </p>
                                  <p class="c-n-p">共计:￥<input class="num-price" readonly="readonly"></p>
                                </div>
                              
                            </div>
                            
                          
                        </div>
                       
                        <div class="text-right add-price">共計￥<input class="add-p" value="0" readonly="readonly"></div>
                        <div class="text-right"><input type="submit" value="提交訂單" class="shop-btn"></div>
                    </div>
                </div>
            </div>
            <div class="col-md-6 p-0 col-xs-12">
                <div class="swiper-container swiper1"> 
                    <div class="swiper-wrapper">
                    <div class="swiper-slide h-500 c-e-i"><img src="images/add1.jpg"></div>
                    <div class="swiper-slide h-500 c-e-i"><img src="images/1.jpg"></div>
                    <div class="swiper-slide h-500 c-e-i"><img src="images/2.jpg"></div>                   
                </div>
                <div class="swiper-pagination swiper-pagination1"></div>
                   <div class="swiper-button-prev swiper-button-prev1"><i class="fa fa-angle-left swiper-ico"></i></div>
                   <div class="swiper-button-next swiper-button-next1"><i class="fa fa-angle-right swiper-ico"></i></div>
              </div> 
            </div>
            <div class="col-md-6 col-xs-12 p-0 c-e-i h-500 c-h-i">
                <a href="detail.html"><img src="images/add2.jpg"></a>
                <div class="col-md-12 pro-text">
                    <div class="col-md-4 price">￥1200</div>
                    <div class="col-md-8 p-0">
                        文字介紹文字介紹文字介紹文字介紹文字介紹文字介紹文字介紹文字介紹
                        文字介紹文字介紹文字介紹文字介紹文字介紹文字介紹文字介紹文字介紹
                    </div>
                   
                </div>
                 <div class="pro-r">
                     <div class="col-md-12 p-0">
                     <div class="w-100">
                         <i class="fa fa-search pro-r-ico p-s-i"></i>
                         <input type="text" class="c-p-s" placeholder="商品關鍵字...">
                     </div>
                     </div>
                       <i class="fa fa-shopping-cart pro-r-ico add-shop"></i>
                       <i class="fa fa-heart-o pro-r-ico"></i>
                    </div>
            </div>
        <div class="col-md-6 col-xs-12 p-0 h-500 c-e-i c-h-i">
            <a href="detail.html"><img src="images/1.jpg"></a>
                <div class="col-md-12 pro-text">
                    <div class="col-md-4 price">￥1200</div>
                    <div class="col-md-8 p-0">
                    文字介紹文字介紹文字介紹文字介紹文字介紹文字介紹文字介紹文字介紹
                    文字介紹文字介紹文字介紹文字介紹文字介紹文字介紹文字介紹文字介紹</div>
                   
                </div>
                 <div class="pro-r">
                     <div class="col-md-12 p-0">
                     <div class="w-100">
                         <i class="fa fa-search pro-r-ico p-s-i"></i>
                         <input type="text" class="c-p-s" placeholder="商品關鍵字...">
                     </div>
                     </div>
                       <i class="fa fa-shopping-cart pro-r-ico add-shop"></i>
                       <i class="fa fa-heart-o pro-r-ico"></i>
                    </div>
            </div>
            <div class="col-md-6 col-xs-12 p-0">
                <div class="col-md-6 col-xs-6 p-0 h-250 c-e-i c-h-i">
                    <a href="detail.html"><img src="images/2.jpg"></a>
                 <div class="pro-r">
                     <div class="col-md-12 p-0">
                     <div class="w-100">
                         <i class="fa fa-search pro-r-ico p-s-i"></i>
                         <input type="text" class="c-p-s" placeholder="商品關鍵字...">
                     </div>
                     </div>
                       <i class="fa fa-shopping-cart pro-r-ico add-shop"></i>
                       <i class="fa fa-heart-o pro-r-ico"></i>
                    </div>
                </div>
                <div class="col-md-6 col-xs-6 p-0 h-250 ba-black">
                    <a  href="detail.html"> <p>性感大露背雪紡衫</p>
                    <span class="ba-white"><</span></a>
                </div>
            </div>
             <div class="col-md-6 col-xs-12 p-0">
                  <div class="col-md-6 col-xs-6 p-0 h-250 ba-white">
                  <a href="detail.html">  <p>性感大露背雪紡衫</p>
                    <span class="ba-violet">></span>
                    </a>
                </div>
                <div class="col-md-6 col-xs-6 p-0 h-250 c-e-i c-h-i">
                    <a href="detail.html"><img src="images/2.jpg"></a>
                 <div class="pro-r">
                     <div class="col-md-12 p-0">
                     <div class="w-100">
                         <i class="fa fa-search pro-r-ico p-s-i"></i>
                         <input type="text" class="c-p-s" placeholder="商品關鍵字...">
                     </div>
                     </div>
                       <i class="fa fa-shopping-cart pro-r-ico add-shop"></i>
                       <i class="fa fa-heart-o pro-r-ico"></i>
                    </div>
                </div>
               
            </div>
            <div class="col-md-6 col-xs-12 p-0">
                  <div class="col-md-6 col-xs-6 p-0 h-250 ba-white">
                      <a href="detail.html"> <p>性感大露背雪紡衫</p>
                    <span class="ba-violet">></span>
                    </a>
                </div>
                <div class="col-md-6 col-xs-6 p-0 h-250 c-e-i c-h-i">
                    <a href="detail.html"><img src="images/2.jpg"></a>
                 <div class="pro-r">
                     <div class="col-md-12 p-0">
                     <div class="w-100">
                         <i class="fa fa-search pro-r-ico p-s-i"></i>
                         <input type="text" class="c-p-s" placeholder="商品關鍵字...">
                     </div>
                     </div>
                       <i class="fa fa-shopping-cart pro-r-ico add-shop"></i>
                       <i class="fa fa-heart-o pro-r-ico"></i>
                    </div>
                </div>
                <div class="col-md-6 col-xs-6 p-0 h-250 c-e-i c-h-i">
                    <a href="detail.html"><img src="images/2.jpg"></a>
                 <div class="pro-r">
                     <div class="col-md-12 p-0">
                     <div class="w-100">
                         <i class="fa fa-search pro-r-ico p-s-i"></i>
                         <input type="text" class="c-p-s" placeholder="商品關鍵字...">
                     </div>
                     </div>
                       <i class="fa fa-shopping-cart pro-r-ico add-shop"></i>
                       <i class="fa fa-heart-o pro-r-ico"></i>
                    </div>
                </div>
                <div class="col-md-6 col-xs-6 p-0 h-250 ba-violet">
                   <a href="detail.html"> <p>性感大露</p>
                    <span class="ba-white" ><</span>
                    </a>
                </div>
            </div>
            <div class="col-md-6 col-xs-12 h-500 c-e-i p-0 c-h-i">
                <a href="detail.html"><img src="images/4.jpg"></a>
                <div class="col-md-12 pro-text">
                    <div class="col-md-4 price">￥1200</div>
                    <div class="col-md-8 p-0">
                    文字介紹文字介紹文字介紹文字介紹文字介紹文字介紹文字介紹文字介紹
                    文字介紹文字介紹文字介紹文字介紹文字介紹文字介紹文字介紹文字介紹</div>
                   
                </div>
                 <div class="pro-r">
                     <div class="col-md-12 p-0">
                     <div class="w-100">
                         <i class="fa fa-search pro-r-ico p-s-i"></i>
                         <input type="text" class="c-p-s" placeholder="商品關鍵字...">
                     </div>
                     </div>
                       <i class="fa fa-shopping-cart pro-r-ico add-shop"></i>
                       <i class="fa fa-heart-o pro-r-ico"></i>
                    </div>
            </div>
            <div class="col-md-6 col-xs-6 h-500 c-e-i p-0 c-h-i">
                <a href="detail.html"><img src="images/6.jpg"></a>
                
                 <div class="pro-r">
                     <div class="col-md-12 p-0">
                     <div class="w-100">
                         <i class="fa fa-search pro-r-ico p-s-i"></i>
                         <input type="text" class="c-p-s" placeholder="商品關鍵字...">
                     </div>
                     </div>
                       <i class="fa fa-shopping-cart pro-r-ico add-shop"></i>
                       <i class="fa fa-heart-o pro-r-ico"></i>
                    </div>
                           
             </div> 
             <div class="col-md-6 col-xs-6 h-500 c-e-i p-0 c-h-i">
                 <a href="detail.html"> <img src="images/7.jpg"></a>
                 
                 <div class="pro-r">
                     <div class="col-md-12 p-0">
                     <div class="w-100">
                         <i class="fa fa-search pro-r-ico p-s-i"></i>
                         <input type="text" class="c-p-s" placeholder="商品關鍵字...">
                     </div>
                     </div>
                       <i class="fa fa-shopping-cart pro-r-ico add-shop"></i>
                       <i class="fa fa-heart-o pro-r-ico"></i>
                    </div>
               
             </div>
            <div class="col-md-6 col-sm-6 col-xs-12 c-p-b text-right cp-line">
                    <img src="images/b1.jpg">
                    <span>活動優惠</span>
                    <a><i class="fa fa-angle-right b-ico"></i></a>
                </div> 
              <div class="col-md-6 col-sm-6 col-xs-12 c-p-b text-left">
                    <img src="images/b2.jpg">
                    <span data-toggle="modal" data-target="#myModalc">高級定制</span>
                    <a data-toggle="modal" data-target="#myModalc"><i class="fa fa-angle-right b-ico"></i></a>
                </div>   
            <div class='col-md-12 col-sm-12 col-xs-12 copyright'>
                <div class="col-md-4 col-sm-4 col-xs-4 text-right">版權</div>
                 <div class="col-md-4 col-sm-4 col-xs-4 text-center">公司地址</div>
                 <div class="col-md-4 col-sm-4 col-xs-4 text-left">
                     <div>聯繫我們</div>
                     <div>Tel:160/165</div>
                     <div><span>Fax:156</span><span>Email:1213</span></div>
                 </div>
            </div>
        </div>
        <!-- Modal 登錄--> 
        <div class="member-li"> 
            <div id="signin" class="modal-dialog modal-sm modal-login c-m-m">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title" id="signinLabel">會員登錄<span class="col-close">x</span></h4>
                    </div>
                    <div class="modal-body">
                        <form role="form" id="userLoginForm" method="post">
                            <div class="form-group">
                                <input type="text" name="usernameSignin" id="usernameSignin" placeholder="會員賬號" class="form-control">
                            </div>
                            <div class="form-group">
                                <input type="password" name="passwordSignin" id="passwordSignin" placeholder="密碼" class="form-control">
                            </div>
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-xs-6">
                                        <div class="checkbox custom-checkbox"><label><input type="checkbox" id="rememberSignin" name="rememberme" value="forever"><span class="fa fa-check"></span>記住我</label></div>
                                    </div>
                                    
                                </div>
                            </div>
                            <input type="hidden" id="securitySignin" name="securitySignin" ><input type="hidden" name="_wp_http_referer" value="/themes/reales-wp/">                    <div class="form-group">
                                <div class="btn-group-justified">
                                    <a href="#" class="btn btn-lg btn-green" id="submitSignin">登錄</a>
                                </div>
                            </div>
                            <p class="help-block">沒有賬號? <a class="zz" data-pp="#signup">註冊</a></p>
                        </form>
                    </div>
                </div>
            </div>
   
  <!--customized-->
<div class="modal fade" id="myModalc" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">高級定制</h4>
      </div>
      <div class="modal-body customized">
          <form method="post">
              <div class="col-md-12"><label>商品名稱：</label><input type="text"></div>
              <div class="col-md-12"><label>商品描述：</label><textarea></textarea></div>
              <div class="col-md-12">
                  <label>商品顏色：</label><input type="text">
               </div>
                <div class="col-md-12">
                    <label>商品尺寸：</label><input type="text">
              </div>
              <div class="col-md-12 upload"><label>上傳圖片：</label><span class="d-s">上傳圖片</span></div>
              <div class="col-md-12 c-sub"><input type="submit" class="d-s" value="提交"></div>
            
          </form> 
      </div>
     
    </div>
  </div>
</div>
  <!-- Modal --> 
          
                <div id="signup" class="modal-dialog modal-sm c-m-m">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h4 class="modal-title" id="signupLabel">會員註冊<span class="col-close">x</span></h4>
                        </div>
                        <div class="modal-body">
                            <form role="form" id="userSignupForm" method="post">
                                <div class="signinMessage" id="signupMessage"></div>
                                <div class="form-group">
                                    <input type="text" name="usernameSignup" id="usernameSignup" placeholder="會員名稱" class="form-control">
                                </div>
                                <div class="form-group">
                                    <input type="text" name="pass1Signup" id="firstnameSignup" placeholder="密碼" class="form-control">
                                </div>
                                <div class="form-group">
                                    <input type="text" name="emailSignup" id="emailSignup" placeholder="電子郵箱" class="form-control">
                                </div>
                                <div class="form-group">
                                    <input type="text" name="phoneSignup" id="emailSignup" placeholder="手機號碼" class="form-control">
                                </div>
                              <input type="hidden" id="securitySignup" name="securitySignup" value="9b2b8ca633"><input type="hidden" name="_wp_http_referer" value="/themes/reales-wp/">                    <div class="form-group">
                                    <div class="btn-group-justified">
                                        <a class="btn btn-lg btn-green" id="submitSignup">註冊</a>
                                    </div>
                                </div>
                                <p class="help-block">已經有賬號? <a class="ll" data-pp="#signin">登錄</a></p>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="prompt">
            <span aria-hidden="true">&times;</span>
            <h3> 添加購物車成功!</h3>
         </div>
         <div class="body-bg"></div>
         <div class="prompt-bg"></div>
          <a class="go-top"><i class="fa fa-angle-up"></i></a>
           <script type="text/javascript" src="http://v3.jiathis.com/code/jia.js" charset="utf-8"></script>
           <script src="slide/js/swiper.jquery.min.js" type="text/javascript"></script>
           <script src="js/jquery.prettyPhoto.js" type="text/javascript"></script>
           <script src="js/other.js" type="text/javascript"></script>
    </body>
</html>
